﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/other.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/jquery.js"></script>
    <script type="text/javascript">
        function updownan(thiss) {
            var isup = $(thiss).attr("attr_up");
            var more = $(thiss).parent().parent().attr("attr_more");
            if (isup == "down") {
                $(thiss).parent().parent().attr("attr_up", "true");
                $(thiss).parent().parent().animate({
                    height: '26px'
                });
                $(thiss).parent().parent().find(".span_scorll").removeClass("span_scorlll");
                $(thiss).attr("attr_up", "up");
                $(thiss).html("更多<em class=\"arrow_down\"></em>");
                $(thiss).children().removeClass("screen_gd");
                $(thiss).children().addClass("screen_sq");
                $(thiss).addClass("span_r_check");
                $(thiss).parent().parent().find(".span_sure").each(function () {
                    $(this).css("display", "none");
                })
            }
            else {
                $(thiss).parent().parent().attr("attr_up", "false");
                var h = $(thiss).parent().parent().find(".span_c")[0].scrollHeight;
                if (h > 120) {
                    h = 120;
                }
                else if (h < 40) {
                    h = 26;
                }
                $(thiss).parent().parent().animate({
                    //height: '120px'
                    height: h
                });
                $(thiss).parent().parent().find(".span_scorll").addClass("span_scorlll");
                $(thiss).attr("attr_up", "down");
                $(thiss).html("收起<em class=\"arrow_up\"></em>");
                $(thiss).children().removeClass("screen_sq");
                $(thiss).children().addClass("screen_gd");
                $(thiss).addClass("span_r_check");
                if (more == "true") {
                    $(thiss).parent().parent().find(".span_sure").each(function () {
                        $(this).css("display", "block");
                    })
                }
            }
        }

        function morecheck(thiss) {
            $(thiss).parent().css("display", "none");
            $(thiss).parent().parent().attr("attr_more", "true");
            $(thiss).parent().parent().find(".span_c a").each(function () {
                $($(this).children()[0]).show();
            });
            var h = $(thiss).parent().parent().find(".span_c")[0].scrollHeight;
            if (h > 120) {
                h = 120;
            }
            else if (h < 40) {
                h = 25;
            }
            $(thiss).parent().parent().animate({
                height: h
            });
            $(thiss).parent().parent().find(".span_scorll").addClass("span_scorlll");
            $(thiss).parent().parent().attr("attr_up", "false");
            var isup = $(thiss).parent().parent().attr("attr_up");
            if (isup == "false") {
                $(thiss).parent().parent().find(".span_sure").each(function () {
                    $(this).css("display", "block");
                })
            }
            $(thiss).addClass("span_r_checkt");
        }
        function outcolormore(thiss) {
            $(thiss).removeClass("span_r_checkt");
        }

        function outcolor(thiss) {
            $(thiss).removeClass("span_r_check");
        }

        function morecheckok(thiss) {
            $(thiss).parent().parent().attr("attr_more", "false");
            $(thiss).parent().parent().attr("attr_up", "true");
            $(thiss).parent().parent().find(".span_c a").each(function () {
                $($(this).children()[0]).hide();
            });
            $(thiss).parent().css("display", "none");
            $(thiss).parent().parent().animate({
                height: '26px'
            });
            $(thiss).parent().parent().find(".span_scorll").removeClass("span_scorlll");
            $($(thiss).parent().parent().find(".span_mm")[0]).css("display", "block");
            $($($(thiss).parent().parent().find(".span_mm")[0]).children()[0]).html("更多<em class=\"arrow_down\"></em>");
            $($($(thiss).parent().parent().find(".span_mm")[0]).children()[0]).attr("attr_up", "up");
        }

        function morecheckcancel(thiss) {
            $(thiss).parent().parent().attr("attr_more", "false");
            $(thiss).parent().parent().attr("attr_up", "true");
            $(thiss).parent().parent().find(".span_c a").each(function () {
                var ind = $(this).index();
                var pm = $(this).parent().parent().find(".span_l").attr("attr_span");
                $($(this).children()[0]).attr("checked", false);
                $($(this).children()[0]).hide();
                $(this).removeClass("cheboxcheck");
                $("#" + pm + "_" + ind).remove();
                if ($("#allres").next().attr("class") == "delete") {
                    $(".delete").remove();
                }
            });
            $(thiss).parent().parent().animate({
                height: '26px'
            });
            $(thiss).parent().parent().find(".span_scorll").removeClass("span_scorlll");
            $(thiss).parent().css("display", "none");
            $($(thiss).parent().parent().find(".span_mm")[0]).css("display", "block");
            $($($(thiss).parent().parent().find(".span_mm")[0]).children()[0]).html("更多<em class=\"arrow_down\"></em>");
            $($($(thiss).parent().parent().find(".span_mm")[0]).children()[0]).attr("attr_up", "up");
        }

        function delItem(thiss) {
            var thisid = $(thiss).attr("id");
            var thisids = thisid.split("_");
            var node = $(".Content_width").find(".span_l[attr_span=" + thisids[0] + "]");
            $($(node).next().children()[Number(thisids[1])]).removeClass("cheboxcheck");
            $($($(node).next().children()[Number(thisids[1])]).children()[0]).attr("checked", false);
            if ($(thiss).parent().find("a").length == 2) {
                $(thiss).parent().find("a").each(function () {
                    $(this).remove();
                })
            }
            else {
                $(thiss).remove();
            }
        }
        function delAll(thiss) {
            $(thiss).parent().find("a").each(function () {
                $(this).remove();
            })
            $(".Content_width input[type='checkbox']").prop("checked", false);
            $(".Content_width .span_c a").each(function () {
                $(this).removeClass("cheboxcheck");
                $($(this).children()[0]).attr("checked", false);
            })
        }
        $(function () {
            $(".span_c a").each(function () {
                $($(this).children()[0]).hide();
                $(this).on('click', function () {
                    var ind = $(this).index();
                    var pm = $(this).parent().parent().find(".span_l").attr("attr_span");
                    if ($($(this).children()[0]).prop("checked") == true) {
                        $($(this).children()[0]).prop("checked", false);
                        $(this).removeClass("cheboxcheck");
                        $("#" + pm + "_" + ind).remove();
                        if ($("#allres").next().attr("class") == "delete") {
                            $(".delete").remove();
                        }
                    }
                    else {
                        $($(this).children()[0]).prop("checked", true);
                        $(this).addClass("cheboxcheck");
                        if ($("#allres").next().length) {
                            $(".delete").before('<a onclick="delItem(this)" id="' + pm + "_" + ind + '">' + $(this).text() + '<em class="g-right"></em></a>');
                            //$("#allres").after('<a onclick="delItem(this)" id="' + pm + "_" + ind + '">' + $(this).text() + '<em class="g-right"></em></a>');
                        }
                        else {
                            $("#allres").after('<a onclick="delItem(this)" id="' + pm + "_" + ind + '">' + $(this).text() + '<em class="g-right"></em></a><a class="delete" onclick="delAll(this)">清除全部</a>');
                        }
                    }
                });
                $($(this).children()[0]).on('click', function () {
                    $(this).parent().click();
                });
            });
            $(".list_top span a").each(function () {
                $(this).on('click', function () {
                    $(this).siblings().removeClass("region");
                    $(this).addClass("region");
                    $($(".list_top span a").eq(3).children()[0]).prop("checked", false);
                    $($(".list_top span a").eq(4).children()[0]).prop("checked", false);
                    if ($(this).index() == 3 || $(this).index() == 4) {
                        $($(this).children()[0]).prop("checked", true);
                    }
                    if ($(this).index() == 1)
                    {
                        var isred=$($(this).find(".jg_sanjiao").children()[0]).attr("class");
                        if (isred == "redprice") {
                            $($(this).find(".jg_sanjiao").children()[1]).attr("class", "redprice");
                            $($(this).find(".jg_sanjiao").children()[0]).removeClass("redprice");
                        }
                        else {
                            $($(this).find(".jg_sanjiao").children()[0]).attr("class", "redprice");
                            $($(this).find(".jg_sanjiao").children()[1]).removeClass("redprice");
                        }
                    }
                });
            });
            $(".pagination li a").each(function () {
                $(this).on('click', function () {
                    var attrpage = $(this).attr("attr_page");
                    if (attrpage != "prev" && attrpage != "next") {
                        $(this).parent().siblings().each(function () {
                            $(this).children().removeClass("active");
                        });
                        $(this).addClass("active");
                    }
                    else {
                        if (attrpage == "next") {
                            $($(this).parent().parent().find(".active")[0]).parent().next().children().addClass("active");
                            $($(this).parent().parent().find(".active")[0]).removeClass("active");
                        }
                        else if (attrpage == "prev") {
                            $($(this).parent().parent().find(".active")[0]).parent().prev().children().addClass("active");
                            $($(this).parent().parent().find(".active")[1]).removeClass("active");
                        }
                    }
                });
            });
        })
    </script>
</head>
<body>
    <!--头部-->
    <div class="top_box">
        <div class="top_Content_width">
            <div class="top_Content_left">
                <span>您好，欢迎来到敬业商城</span>
                <a class="login">请登录</acronym><a class="registration">免费注册</a>
            </div>
            <div class="top_Content_right">
                <a>手机客户端</a>
                <a>买家中心 <em class="arrow_down"></em></a>
                <a>帮助中心<em class="arrow_down"></em></a>
                <span>咨询热线：<font>0311-82878888</font></span>
                <a></a>
            </div>
        </div>
    </div>
    <div class="index_top2" style="border-bottom: 1px solid #E7E7E7;">
        <div class="Content_width">
            <div class="index_topw">
                <div class="logo left"></div>
                <div class="index_topw_search">
                    <div class="index_topw_searchw">
                        <input onfocus="if (placeholder =='请输入用户名称'){placeholder =''}" onblur="if (placeholder ==''){placeholder='请输入用户名称'}" type="text" placeholder="请输入用户名称" value="">
                        <a><em></em></a>
                    </div>
                  <!--  <p>热门搜索：<a>钢铁</a>、<a>饮用水</a>、<a>酒店</a>、<a>旅游门票</a>、<a>房地产</a></p>-->
                </div>
                <div class="city_box"><em class="icon_dw"></em> 北京<em class="sanjiao_down"></em> </div>
                <div class="cart_but   "><em class="icon_gw"></em> 购物车<em class="number">12</em> </div>
            </div>
            <div class="top_navigation">
                <div class="top_navigation_l"> <em class="commodity_icon"></em>全部商品</div>
                <ul class="ul_classification">
                    <li><a>敬业首页</a></li>
                    <li><a>敬业钢铁 </a></li>
                    <li><a>敬业水厂</a></li>
                    <li><a>敬业酒店</a></li>
                    <li><a>敬业地产</a></li>
                    <li><a>敬业文化</a></li>
                    <li><a>敬业旅游</a></li>
                    <li><a>联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--头部-->
    <div class="Content_width">
        <p class="crumbs">
            <font>全部结果</font> ><span id="allres"></span>
            <!--<a onclick="delItem(this)">建材  <em class="g-right"></em></a>
            <a onclick="delItem(this)">建材  <em class="g-right"></em></a>
            <a class="delete" onclick="delAll(this)">清除全部</a>-->
        </p>
    </div>
    <div class="Content_width">
        <div class="screen">
            <div class="screen_b">
                <span class="span_l" attr_span="cp">产品</span>
                <span class="span_c">
                    <a><input type="checkbox">建材</a>
                    <a><input type="checkbox">板材</a>
                    <a><input type="checkbox">副产品</a>
                </span>
            </div>
            <div class="screen_b">
                <span class="span_l" attr_span="pz">品种</span>
                <span class="span_c">
                    <a><input type="checkbox">建材</a>
                    <a><input type="checkbox">板材</a>
                    <a><input type="checkbox">副产品</a>
                </span>
                <span class="span_r span_mm">
                    <a href="javaScript:void(0);" onclick="updownan(this)" onblur="outcolor(this)">更多<em class="arrow_down"></em></a>
                    <a href="javaScript:void(0);" onclick="morecheck(this)" onblur="outcolormore(this)">多选<em class="em2">+</em></a>
                </span>
                <span class="span_r span_sure">
                    <a class="a_selected" href="javaScript:void(0);" onclick="morecheckok(this)">确定</a>
                    <a href="javaScript:void(0);" onclick="morecheckcancel(this)">取消</a>
                </span>
            </div>
            <div class="screen_b">
                <span class="span_l" attr_span="pm">品名</span>
                <span class="span_c span_scorll">
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">建材</a>
                    <a><input type="checkbox">板材</a>
                    <a><input type="checkbox">副产品</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">普碳圆钢</a>
                    <a><input type="checkbox">低合金圆钢</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">建材</a>
                    <a><input type="checkbox">板材</a>
                    <a><input type="checkbox">副产品</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">碳结圆钢</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">普碳圆钢</a>
                    <a><input type="checkbox">低合金圆钢</a>
                    <a><input type="checkbox">碳结圆钢</a>
                    <a><input type="checkbox">轴承钢</a>
                    <a><input type="checkbox">建材</a>
                    <a><input type="checkbox">板材</a>
                    <a><input type="checkbox">副产品</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">碳结圆钢</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">普碳圆钢</a>
                    <a><input type="checkbox">低合金圆钢</a>
                    <a><input type="checkbox">碳结圆钢</a>
                    <a><input type="checkbox">轴承钢</a>
                    <a><input type="checkbox">轴承钢</a>
                    <a><input type="checkbox">建材</a>
                    <a><input type="checkbox">板材</a>
                    <a><input type="checkbox">副产品</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">碳结圆钢</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">普碳圆钢</a>
                    <a><input type="checkbox">低合金圆钢</a>
                    <a><input type="checkbox">碳结圆钢</a>
                    <a><input type="checkbox">轴承钢</a>
                    <a><input type="checkbox">板材</a>
                    <a><input type="checkbox">副产品</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">碳结圆钢</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">普碳圆钢</a>
                    <a><input type="checkbox">低合金圆钢</a>
                    <a><input type="checkbox">碳结圆钢</a>
                    <a><input type="checkbox">轴承钢</a>
                    <a><input type="checkbox">轴承钢</a>
                    <a><input type="checkbox">建材</a>
                    <a><input type="checkbox">板材</a>
                    <a><input type="checkbox">副产品</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">碳结圆钢</a>
                    <a><input type="checkbox">精轧螺纹钢</a>
                    <a><input type="checkbox">铁标盘圆</a>
                    <a><input type="checkbox">普碳圆钢</a>
                    <a><input type="checkbox">低合金圆钢</a>
                    <a><input type="checkbox">碳结圆钢</a>
                    <a><input type="checkbox">轴承钢</a>
                </span>
                <span class="span_r span_mm">
                    <a href="javaScript:void(0);" onclick="updownan(this)" onblur="outcolor(this)">更多<em class="arrow_down"></em></a>
                    <a href="javaScript:void(0);" onclick="morecheck(this)" onblur="outcolormore(this)">多选<em class="em2">+</em></a>
                </span>
                <span class="span_r span_sure">
                    <a class="a_selected" href="javaScript:void(0);" onclick="morecheckok(this)">确定</a>
                    <a href="javaScript:void(0);" onclick="morecheckcancel(this)">取消</a>
                </span>
            </div>
            <div class="screen_b">
                <span class="span_l" attr_span="cz">材质</span>
                <span class="span_c">
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                    <a><input type="checkbox">HPB300</a>
                </span>
                <span class="span_r span_mm">
                    <a href="javaScript:void(0);" onclick="updownan(this)" onblur="outcolor(this)">更多<em class="arrow_down"></em></a>
                    <a href="javaScript:void(0);" onclick="morecheck(this)" onblur="outcolormore(this)">多选<em class="em2">+</em></a>
                </span>
                <span class="span_r span_sure">
                    <a class="a_selected" href="javaScript:void(0);" onclick="morecheckok(this)">确定</a>
                    <a href="javaScript:void(0);" onclick="morecheckcancel(this)">取消</a>
                </span>
            </div>
            <div class="screen_b">
                <span class="span_l" attr_span="gg">规格</span>
                <span class="span_c">
                    <a><input type="checkbox">Φ10</a>
                    <a><input type="checkbox">Φ10</a>
                    <a><input type="checkbox">Φ10</a>
                    <a><input type="checkbox">Φ10</a>
                    <a><input type="checkbox">Φ10</a>
                    <a><input type="checkbox">Φ10</a>
                    <a><input type="checkbox">Φ10</a>
                    <a><input type="checkbox">Φ10</a>
                    <a><input type="checkbox">Φ10</a>
                    <a><input type="checkbox">Φ10</a>
                </span>
                <span class="span_r span_mm">
                    <a href="javaScript:void(0);" onclick="updownan(this)" onblur="outcolor(this)">更多<em class="arrow_down"></em></a>
                    <a href="javaScript:void(0);" onclick="morecheck(this)" onblur="outcolormore(this)">多选<em class="em2">+</em></a>
                </span>
                <span class="span_r span_sure">
                    <a class="a_selected" href="javaScript:void(0);" onclick="morecheckok(this)">确定</a>
                    <a href="javaScript:void(0);" onclick="morecheckcancel(this)">取消</a>
                </span>
            </div>
            <div class="screen_b" style="border-bottom: none;">
                <span class="span_l" attr_span="sx">属性</span>
                <span class="span_c" style="width: 1000px;">
                    材质<input type="text" />
                    仓库<input type="text" />
                    厚度<input type="text" /><font></font><input type="text" />
                    长度<input type="text" /><font></font><input type="text" />
                    宽度<input type="text" /><font></font><input type="text" />
                </span>
                <span class="span_r">
                    <a>确定</a>
                </span>
            </div>
        </div>
    </div>
    <!------------列表部分-------------------->
    <div class="Content_width">
        <div class="list_box">
            <div class="list_top">
                <span>
                    <a class="region">综合排序</a>
                    <a>
                        单价<font class="jg_sanjiao"><u>▴</u><u>▾</u></font>
                    </a>
                    <a>所在地区<em class="arrow_down"></em></a>
                    <a><input class="checkbox_style" type="checkbox" />仅看有货</a>
                    <a><input class="checkbox_style" type="checkbox" />仅看预售</a>
                </span>
                <span class="span_yema">
                    <em class="em_left"></em><font>4</font>/156<em class="em_right"></em>
                </span>
            </div>

            <div class="product">
                <div class="product_q">
                    <img src="img/product_img.png">
                    <span>螺纹钢HPB300*2*6M 友发/华岐<p><em class="business_icon"></em>河北敬业集团有限公司</p></span>
                    <span class="dizhi" onmouseover="this.className = 'dizhi dizhihov'" onmouseout="    this.className = 'dizhi'">
                        北京兴钢库<p>河北|12321件</p>
                        <div class="layer">
                            <em class="sanjiao"></em>
                            <div class="company_layer">
                                <table>
                                    <tr>
                                        <td><em></em></td>
                                        <td>北京兴钢库</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">地址</td>
                                        <td>北京市北京昌平区沙河镇南一村福田 公司北侧</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">联系人</td>
                                        <td>小朱</td>
                                    </tr>
                                    <tr>
                                        <td width="20%" class="color9">联系电话</td>
                                        <td>1325142526</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </span>
                    <span class="span_Price_ydl">检斤重</span>
                    <span class="span_Price"><font>？？？</font>元/吨<p>登录可见</p></span>
                    <span class="span_cart"><a class="a1">查看详情</a><a class="a2"><em class="em_cart"></em></a></span>
                </div>
            </div>
            <div class="product">
                <div class="product_q">
                    <img src="img/product_img.png">
                    <span>螺纹钢HPB300*2*6M 友发/华岐<p><em class="business_icon"></em>河北敬业集团有限公司</p></span>
                    <span class="dizhi" onmouseover="this.className = 'dizhi dizhihov'" onmouseout="    this.className = 'dizhi'">
                        北京兴钢库<p>河北|12321件</p>
                        <div class="layer">
                            <em class="sanjiao"></em>
                            <div class="company_layer">
                                <table>
                                    <tr>
                                        <td><em></em></td>
                                        <td>北京兴钢库</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">地址</td>
                                        <td>北京市北京昌平区沙河镇南一村福田 公司北侧</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">联系人</td>
                                        <td>小朱</td>
                                    </tr>
                                    <tr>
                                        <td width="20%" class="color9">联系电话</td>
                                        <td>1325142526</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </span>
                    <span class="span_Price_ydl">检斤重</span>
                    <span class="span_Price_ydl"><font>457</font>元/吨</span>
                    <span class="span_cart"><a class="a1">查看详情</a><a class="a2"><em class="em_cart"></em></a></span>
                </div>
            </div>
            <div class="product">
                <div class="product_q">
                    <img src="img/product_img.png">
                    <span>螺纹钢HPB300*2*6M 友发/华岐<p><em class="business_icon"></em>河北敬业集团有限公司</p></span>
                    <span class="dizhi" onmouseover="this.className = 'dizhi dizhihov'" onmouseout="    this.className = 'dizhi'">
                        北京兴钢库<p>河北|12321件</p>
                        <div class="layer">
                            <em class="sanjiao"></em>
                            <div class="company_layer">
                                <table>
                                    <tr>
                                        <td><em></em></td>
                                        <td>北京兴钢库</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">地址</td>
                                        <td>北京市北京昌平区沙河镇南一村福田 公司北侧</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">联系人</td>
                                        <td>小朱</td>
                                    </tr>
                                    <tr>
                                        <td width="20%" class="color9">联系电话</td>
                                        <td>1325142526</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </span>
                    <span class="span_Price_ydl">检斤重</span>
                    <span class="span_Price"><font>？？？</font>元/吨<p>登录可见</p></span>
                    <span class="span_cart"><a class="a1">查看详情</a><a class="a2"><em class="em_cart"></em></a></span>
                </div>
            </div>
            <div class="product">
                <div class="product_q">
                    <img src="img/product_img.png">
                    <span>螺纹钢HPB300*2*6M 友发/华岐<p><em class="business_icon"></em>河北敬业集团有限公司</p></span>
                    <span class="dizhi" onmouseover="this.className = 'dizhi dizhihov'" onmouseout="    this.className = 'dizhi'">
                        北京兴钢库<p>河北|12321件</p>
                        <div class="layer">
                            <em class="sanjiao"></em>
                            <div class="company_layer">
                                <table>
                                    <tr>
                                        <td><em></em></td>
                                        <td>北京兴钢库</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">地址</td>
                                        <td>北京市北京昌平区沙河镇南一村福田 公司北侧</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">联系人</td>
                                        <td>小朱</td>
                                    </tr>
                                    <tr>
                                        <td width="20%" class="color9">联系电话</td>
                                        <td>1325142526</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </span>
                    <span class="span_Price_ydl">检斤重</span>
                    <span class="span_Price_ydl"><font>457</font>元/吨</span>
                    <span class="span_cart"><a class="a1">查看详情</a><a class="a2"><em class="em_cart"></em></a></span>
                </div>
            </div>
            <div class="product">
                <div class="product_q">
                    <img src="img/product_img.png">
                    <span>螺纹钢HPB300*2*6M 友发/华岐<p><em class="business_icon"></em>河北敬业集团有限公司</p></span>
                    <span class="dizhi" onmouseover="this.className = 'dizhi dizhihov'" onmouseout="    this.className = 'dizhi'">
                        北京兴钢库<p>河北|12321件</p>
                        <div class="layer">
                            <em class="sanjiao"></em>
                            <div class="company_layer">
                                <table>
                                    <tr>
                                        <td><em></em></td>
                                        <td>北京兴钢库</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">地址</td>
                                        <td>北京市北京昌平区沙河镇南一村福田 公司北侧</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">联系人</td>
                                        <td>小朱</td>
                                    </tr>
                                    <tr>
                                        <td width="20%" class="color9">联系电话</td>
                                        <td>1325142526</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </span>
                    <span class="span_Price_ydl">检斤重</span>
                    <span class="span_Price"><font>？？？</font>元/吨<p>登录可见</p></span>
                    <span class="span_cart"><a class="a1">查看详情</a><a class="a2"><em class="em_cart"></em></a></span>
                </div>
            </div>
            <div class="product">
                <div class="product_q">
                    <img src="img/product_img.png">
                    <span>螺纹钢HPB300*2*6M 友发/华岐<p><em class="business_icon"></em>河北敬业集团有限公司</p></span>
                    <span class="dizhi" onmouseover="this.className = 'dizhi dizhihov'" onmouseout="    this.className = 'dizhi'">
                        北京兴钢库<p>河北|12321件</p>
                        <div class="layer">
                            <em class="sanjiao"></em>
                            <div class="company_layer">
                                <table>
                                    <tr>
                                        <td><em></em></td>
                                        <td>北京兴钢库</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">地址</td>
                                        <td>北京市北京昌平区沙河镇南一村福田 公司北侧</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">联系人</td>
                                        <td>小朱</td>
                                    </tr>
                                    <tr>
                                        <td width="20%" class="color9">联系电话</td>
                                        <td>1325142526</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </span>
                    <span class="span_Price_ydl">检斤重</span>
                    <span class="span_Price_ydl"><font>457</font>元/吨</span>
                    <span class="span_cart"><a class="a1">查看详情</a><a class="a2"><em class="em_cart"></em></a></span>
                </div>
            </div>
            <div class="product">
                <div class="product_q">
                    <img src="img/product_img.png">
                    <span>螺纹钢HPB300*2*6M 友发/华岐<p><em class="business_icon"></em>河北敬业集团有限公司</p></span>
                    <span class="dizhi" onmouseover="this.className = 'dizhi dizhihov'" onmouseout="    this.className = 'dizhi'">
                        北京兴钢库<p>河北|12321件</p>
                        <div class="layer">
                            <em class="sanjiao"></em>
                            <div class="company_layer">
                                <table>
                                    <tr>
                                        <td><em></em></td>
                                        <td>北京兴钢库</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">地址</td>
                                        <td>北京市北京昌平区沙河镇南一村福田 公司北侧</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">联系人</td>
                                        <td>小朱</td>
                                    </tr>
                                    <tr>
                                        <td width="20%" class="color9">联系电话</td>
                                        <td>1325142526</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </span>
                    <span class="span_Price_ydl">检斤重</span>
                    <span class="span_Price"><font>？？？</font>元/吨<p>登录可见</p></span>
                    <span class="span_cart"><a class="a1">查看详情</a><a class="a2"><em class="em_cart"></em></a></span>
                </div>
            </div>
            <div class="product">
                <div class="product_q">
                    <img src="img/product_img.png">
                    <span>螺纹钢HPB300*2*6M 友发/华岐<p><em class="business_icon"></em>河北敬业集团有限公司</p></span>
                    <span class="dizhi" onmouseover="this.className = 'dizhi dizhihov'" onmouseout="    this.className = 'dizhi'">
                        北京兴钢库<p>河北|12321件</p>
                        <div class="layer">
                            <em class="sanjiao"></em>
                            <div class="company_layer">
                                <table>
                                    <tr>
                                        <td><em></em></td>
                                        <td>北京兴钢库</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">地址</td>
                                        <td>北京市北京昌平区沙河镇南一村福田 公司北侧</td>
                                    </tr>
                                    <tr>
                                        <td class="color9">联系人</td>
                                        <td>小朱</td>
                                    </tr>
                                    <tr>
                                        <td width="20%" class="color9">联系电话</td>
                                        <td>1325142526</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </span>
                    <span class="span_Price_ydl">检斤重</span>
                    <span class="span_Price_ydl"><font>457</font>元/吨</span>
                    <span class="span_cart"><a class="a1">查看详情</a><a class="a2"><em class="em_cart"></em></a></span>
                </div>
            </div>
        </div>
    </div>
    <!------------分页-------------------->
    <div class="paging_box">
        <ul class="pagination">
            <li><a class="prev" href="javaScript:void(0);" attr_page="prev">﹤</a></li>
            <li><a href="javaScript:void(0);">1</a></li>
            <li><a class="active" href="javaScript:void(0);">2</a></li>
            <li><a href="javaScript:void(0);">3</a></li>
            <li><a href="javaScript:void(0);">4</a></li>
            <li><a href="javaScript:void(0);">5</a></li>
            <li><a href="javaScript:void(0);">6</a></li>
            <li><a href="javaScript:void(0);" style="padding: 8px 13px;">···</a></li>
            <li><a href="javaScript:void(0);" style="padding: 8px 10px;">123</a></li>
            <li><a class="prev" href="javaScript:void(0);" attr_page="next">﹥</a></li>
        </ul>
    </div>
    <!------------分页-------------------->
    <div class="Content_width">
        <div class="list_box">
            <h2 class="h2_stye">为你推荐</h2>
            <ul class="ul_list" style="border-bottom: 1px solid #F4F4F4;">
                <li>
                    <img src="img/product_img2.png">
                    <span>
                        <h2>螺纹钢HPB300*2*6M 友发</h2>
                        <p class="color9">天津启铭古镇库</p>
                        <p><font class="font1">？？？</font>元/顿    <em class="business_icon"></em>   <font class="font2">敬业集团</font></p>
                    </span>
                </li>
                <li>
                    <img src="img/product_img2.png">
                    <span>
                        <h2>螺纹钢HPB300*2*6M 友发</h2>
                        <p class="color9">天津启铭古镇库</p>
                        <p><font class="font1">？？？</font>元/顿    <em class="business_icon"></em>   <font class="font2">敬业集团</font></p>
                    </span>
                </li>
                <li>
                    <img src="img/product_img2.png">
                    <span>
                        <h2>螺纹钢HPB300*2*6M 友发</h2>
                        <p class="color9">天津启铭古镇库</p>
                        <p><font class="font1">？？？</font>元/顿    <em class="business_icon"></em>   <font class="font2">敬业集团</font></p>
                    </span>
                </li>
            </ul>
            <ul class="ul_list">
                <li>
                    <img src="img/product_img2.png">
                    <span>
                        <h2>螺纹钢HPB300*2*6M 友发</h2>
                        <p class="color9">天津启铭古镇库</p>
                        <p><font class="font1">？？？</font>元/顿    <em class="business_icon"></em>   <font class="font2">敬业集团</font></p>
                    </span>
                </li>
                <li>
                    <img src="img/product_img2.png">
                    <span>
                        <h2>螺纹钢HPB300*2*6M 友发</h2>
                        <p class="color9">天津启铭古镇库</p>
                        <p><font class="font1">？？？</font>元/顿    <em class="business_icon"></em>   <font class="font2">敬业集团</font></p>
                    </span>
                </li>
                <li>
                    <img src="img/product_img2.png">
                    <span>
                        <h2>螺纹钢HPB300*2*6M 友发</h2>
                        <p class="color9">天津启铭古镇库</p>
                        <p><font class="font1">？？？</font>元/顿    <em class="business_icon"></em>   <font class="font2">敬业集团</font></p>
                    </span>
                </li>
            </ul>
        </div>
    </div>
    <!------------通用底部------------->
    <div class="bottom_box">
        <ul class="ul_fuwu">
            <li><em class="em1"></em>正品保障</li>
            <li><em class="em2"></em>品类齐全</li>
            <li><em class="em3"></em>运费全免</li>
            <li><em class="em4"></em>钢厂直供</li>
            <li><em class="em5"></em>退货无忧</li>
        </ul>
        <ul class="ul_help">
            <li>
                <h2>买家服务</h2>
                <a>买家注册</a>
                <a>买家线上交易流程</a>
                <a>现货搜索</a>
                <a>实单求购</a>
                <a>商城采购流程</a>
                <a>敬业电子商务平台服务协议</a>
                <a>隐私政策</a>
            </li>
            <li>
                <h2>框架合同</h2>
                <a>框架合同列表</a>
                <a>框架合同订单（买）</a>
                <a>框架合同变更申请</a>
            </li>
            <li>
                <h2>卖家服务</h2>
                <a>合作钢厂</a>
                <a>商家操作指南</a>
                <a>开通卖家服务</a>
                <a>供应商合作洽谈</a>
                <a>卖家资源上传</a>
            </li>
            <li>
                <h2>售后服务</h2>
                <a>质量异议处理流程</a>
                <a>发票查询</a>
                <a>商城与资源单区别</a>
                <a>实力卖家入驻</a>
            </li>
            <li>
                <h2>物流服务</h2>
                <a>质量异议处理流程</a>
                <a>发票查询</a>
                <a>商城与资源单区别</a>
                <a>实力卖家入驻</a>
            </li>
        </ul>
        <div class="login_btoom">
            <a>现货交易规则 </a>| <a>竞拍交易规则 </a> | <a>开票说明 </a> | <a>支付说明 </a> | <a>友情链接 </a> | <a>帮助中心 </a>
            <p>Copyright © 2017　　敬业钢铁有限公司 冀ICP备18016119号-3　　冀公网安备13013102000127号</p>
        </div>
    </div>
</body>
</html>
